<template>
    <div class="contarner-page" @click.stop="showLanguageHandel">
        <div class="container">
            <page-header :index="'1'" @goAdmin="goAdmin" @showDialogVisible="showDialogVisible" @logOut="logOut"
                ref="languageRef"></page-header>
        </div>
        <main>
            <div class="background">
                <div class="content flex_ccenter">
                    <h1 class="alt-title container-tt">
                        Mega Limited Terms of Service ("Terms")
                    </h1>

                </div>
            </div>
            <div class="container page_content">
                <div class="blog-content">
                    <div class="flex_content container-tt">
                        <div class="sticky-box flex_ container-tt">
                            <div class="navigation-box" v-if="isShowSticky">
                                <div class="navigation" :class="{ stickyNav: sticky }">
                                    <div class="nav-title">Contents</div>
                                    <div :key="k" v-for="(item, k) in navigationList" @click.prevent="scrollTo(item.id)"
                                        class="navigation-item shou" :class="{ 'is-active': activeElement == item.id }">
                                        {{ item.text }}
                                    </div>
                                </div>
                            </div>
                            <div style="width: 250px" v-else></div>
                            <div class="richText">
                                <div class="rich-ccontent">
                                    <h2 id="1">Scope of these Terms</h2>
                                    <ol>
                                        <li>Welcome to Mega Limited (New Zealand company number 7970438) (“MEGA“, “we“,
                                            “us“). We provide cloud storage and communication services with
                                            user-controlled encryption (“UCE”). With MEGA, you can use UCE to encrypt
                                            files (text, photos, videos, etc.) and communicate with others via encrypted
                                            chats, voice and video calls. You can upload your encrypted files to the
                                            cloud, manage, access, share, download and decrypt them. Together with other
                                            services which MEGA may provide from time to time, all of the above are the
                                            “services” and each, is a “service“. All encrypted files and communication
                                            data, and all other data you share with MEGA is called “Data” in these
                                            Terms. Data is categorised as ‘Your Files’, ‘Your Chats’, ‘Account Data’ and
                                            ‘Usage Data’ in our Privacy and Data Policy.
                                            <br>
                                            <br>
                                            We provide our services ourselves and via our related and affiliated
                                            entities at
                                            our websites at https://mega.nz and https://mega.io and related sites
                                            (“websites“), using our mobile apps (“mobile apps“), desktop apps (“desktop
                                            apps”), command line tools (“cmd tools”), browser extensions (“browser
                                            extensions”) and application programming interface (“API”). We also use
                                            payment
                                            processors and resellers who act on our behalf in relation to our services.
                                            If
                                            you have questions about how to use our services or the great things you can
                                            do
                                            with MEGA, check our Help Centre or, if you can’t find the answer there,
                                            check
                                            our contacts page for details of who to contact.
                                            <br>
                                            <br>
                                            YOU, AND ANY USERS OF A MEGA BUSINESS ACCOUNT OF WHICH YOU ARE THE
                                            ADMINISTRATOR, MUST BE AT LEAST 18 YEARS OF AGE, OR THE AGE OF MAJORITY IN
                                            THE
                                            JURISDICTION WHERE YOU OR THEY RESIDE, TO USE OUR SERVICES.
                                            <br>
                                            <br>
                                            Additional terms which supplement or may supersede certain parts of these
                                            Terms
                                            of Service and of our Privacy and Data Policy apply to MEGA VPN and MEGA S4.

                                        </li>
                                        <li>
                                            Important: We store Data in our primary data centres in New Zealand, Japan,
                                            Canada and/or the European Union. In order to provide our services, Data may
                                            transit or be temporarily stored on servers in other countries, the full
                                            details of which can be found on our website. If you access your Data or
                                            give someone access to your Data using our services and you or they are not
                                            in New Zealand, Canada, Japan or the European Union, you or they may be
                                            accessing that Data from a country that does not give adequate protection to
                                            personal information when compared to that given under the New Zealand
                                            Privacy Act 2020, the Canadian Personal Information Protection and
                                            Electronic Documents Act 2000, the Japanese Act on the Protection of
                                            Personal Information 2003 or the European Union’s General Data Protection
                                            Regulation (EU) 2016/679 (“GDPR”). By agreeing to these Terms, you authorise
                                            us to grant that access.
                                        </li>
                                        <li>
                                            These Terms are binding and apply to any use of the services by you and
                                            anyone you allow to access your Data or our services. By using our services,
                                            you and they irrevocably agree to these Terms. If you do not like these
                                            Terms or don’t want to be bound by them, you must not use our services. In
                                            particular, OUR SERVICES ARE PROVIDED SUBJECT TO CERTAIN DISCLAIMERS BY US
                                            AND UNDERTAKINGS BY YOU, INCLUDING AN INDEMNITY FROM YOU IF YOU BREACH THESE
                                            TERMS – see clauses 42-53. NEW ZEALAND LAW AND ARBITRATION OF ANY DISPUTES
                                            APPLY EXCLUSIVELY – see clauses 54 and 55.
                                        </li>
                                        <li>
                                            We may make material changes to these Terms at any time by giving you at
                                            least 30 days’ notice, via email, SMS, pop-up or other prominent notice on
                                            our websites, or via a message in any service we provide. However, if we
                                            only make minor changes to these Terms or minor changes to our plans, these
                                            will become effective when notified. Your continued use after any notice of
                                            a minor change or after a material change comes into effect means that you
                                            agree to the changed Terms. If you have paid for a subscription that is due
                                            to expire during the 30-day notice period of a material change and you do
                                            not wish to continue to use our services under the new Terms, you must
                                            cancel your subscription before the new Terms come into force. We will
                                            refund any unused portion of your subscription payment within 30 days and
                                            close your account. For more information about refunds, recurring paid
                                            subscriptions and their termination, see clauses 61-63.
                                        </li>
                                        <li>
                                            If you comply with these Terms, then we grant you a non-exclusive,
                                            non-transferable, worldwide licence to access and use our services, in
                                            accordance with these Terms and any plan you have subscribed to.
                                        </li>
                                    </ol>
                                    <h2 id="2">Your Data</h2>
                                    <ol start="6">
                                        <li>If you allow others to access your Data
                                            (e.g. by giving them a link to, and
                                            a key to decrypt, that Data), in addition to them accepting these Terms, you
                                            are responsible for their actions and omissions while they are using our
                                            services and you agree to fully indemnify us for any claim, loss, damage,
                                            fine, costs (including our legal fees) and other liability if they breach
                                            any of these Terms, including where you are the administrator of a business
                                            account or multi-user account (together “Business Account”) (see clauses
                                            35-37, 56 and 59 below).</li>
                                        <li>
                                            UCE is fundamental to our services. This means that you, not us, have
                                            encrypted control of who has access to your Data. You should keep your
                                            password and recovery key safe and confidential. You must not share your
                                            password with anyone and should not release encryption keys to anyone unless
                                            you want them to have access to your Data. If you forget your password you
                                            will lose access to all your Data, unless you have exported and retained
                                            your recovery key. Encryption won’t help if someone has full access to your
                                            password or device. We strongly urge you to use best practices for ensuring
                                            the safety and security of your system and devices (e.g. via unique
                                            passwords, security upgrades, firewall protection, anti-virus software,
                                            securing and encrypting your devices). MEGA will never send you emails
                                            asking for your password so do not be fooled. Any such email will not be
                                            from us.
                                        </li>
                                        <li>
                                            You must maintain copies of all Data stored by you on our services. We do
                                            not make any guarantees that there will be no loss of Data. You should
                                            download all Data prior to termination of services.
                                        </li>
                                        <li>When you upload, store, access or share a file that is an exact duplicate of
                                            a file already on our service, our service may automatically (without
                                            viewing the file) delete it and give you access to the existing file already
                                            on our service (a process usually referred to as deduplication). In that
                                            case, you and any other user with the right to access that file will have
                                            access to the original file which will be retained as long as any user has a
                                            right to access it under these Terms. If you delete a deduplicated file from
                                            your account, that will not affect other users with the right to access that
                                            file.</li>
                                        <li>
                                            We will store your Data subject to these Terms, our Privacy and Data Policy,
                                            our Takedown Guidance Policy, our Cookie Policy, any additional terms
                                            applying to specific services and the terms of any plan you subscribe to. If
                                            you choose to stop using our services, you must download your Data first
                                            because after account closure we may delete all your Data.
                                        </li>
                                        <li>
                                            If we suspend or terminate our services to you because you have breached
                                            these Terms, or someone you have given access to has breached these Terms,
                                            during the term of that suspension we may delete your Data immediately or
                                            deny you access to your Data but keep it for evidential purposes. See also
                                            clauses 35-37, 56 and 59 below which set out details of what happens to
                                            users within a Business Account when the Business Account is suspended or
                                            terminated.
                                        </li>
                                        <li>
                                            In circumstances where we cease providing our services for other reasons, we
                                            will, if we consider it appropriate, it is reasonably practicable and we are
                                            not prevented by law or likely to incur any liability in doing so, give you
                                            30 days’ notice to retrieve your Data.
                                        </li>
                                    </ol>
                                    <h2 id="3">Your obligations</h2>
                                    <ol start="13">
                                        <li>Once you have subscribed to a plan for our services (with payment having
                                            been made via one of our websites, mobile apps or one of our related and
                                            affiliated entities, payment processors or resellers), you must continue to
                                            pay the fees (if any) for that plan (and any other taxes or duties). No
                                            matter which reseller or related or affiliated entity of MEGA you make
                                            payment to, your contract for services is with MEGA and is governed
                                            exclusively by these Terms and our policies referenced in these Terms.</li>
                                        <li>
                                            We may at any time change the fees for our services (other than those you
                                            have already paid) and/or any additional terms of any services we provide to
                                            you (including the terms of any ‘achievements’, ‘referral’ or similar
                                            programs we may offer), as long as we give you notice (via email, SMS,
                                            pop-up or other prominent notice on our websites, or via a message in the
                                            relevant service). If we only make minor changes or if we only change our
                                            fees, these will become effective when notified. If we make material
                                            changes, these will become effective after 30 days’ notice (subject at all
                                            times to clause 37). Where we change the fees for our services, in the
                                            absence of manifest error or other lawful excuse, you may not withhold
                                            payment or claim any set-off without getting our written agreement.
                                        </li>

                                    </ol>
                                    <ol start="15">
                                        <li>
                                            If at any time you do not make a payment to us when it is due (including on
                                            termination), we may (and this doesn’t affect any other rights we may have
                                            against you):
                                            <ol style="margin-left: 20px;">
                                                <li style="counter-increment: item 1;">suspend or terminate your use of
                                                    the service and/or;</li>
                                                <li>require you to pay, on demand, default interest on any amount you
                                                    owe us at 10% per annum calculated on a daily basis, from the date
                                                    when payment was due until the date when payment is actually made by
                                                    you. You will also have to pay all expenses and costs (including our
                                                    full legal costs) in connection with us trying to recover any unpaid
                                                    amount from you.</li>
                                            </ol>
                                        </li>
                                    </ol>
                                    <ol start="16">
                                        <li>
                                            You must:
                                            <ol style="margin-left: 20px;">
                                                <li>where you have subscribed for a service, give us and keep up to
                                                    date, your correct contact and any billing details and those of any
                                                    users within a Business Account;</li>
                                                <li>comply fully with any account verification protocols we require you
                                                    to follow, including account verification via SMS;</li>
                                                <li>comply with these Terms, all other applicable terms and policies and
                                                    any other agreements you have with us and ensure that users within a
                                                    Business Account, of which you are the administrator, also comply;
                                                    and</li>
                                                <li>comply with all applicable laws, regulations and rules when using
                                                    our services and with respect to any Data you upload, access or
                                                    share using our services and ensure that users within a Business
                                                    Account, of which you are the administrator, also comply.</li>
                                            </ol>
                                        </li>
                                    </ol>
                                    <h2 id="4">What you must not do</h2>
                                    <ol start="17">
                                        <li>You must not, and will ensure that no users within a Business Account of
                                            which you are the administrator:
                                            <ol style="margin-left: 20px;">
                                                <li>assign or transfer any rights you have under these Terms to any
                                                    other person (including by sharing your password with anyone)
                                                    without our prior written consent;</li>
                                                <li>do anything that would damage, disrupt or place an unreasonable
                                                    burden on our service or anyone else’s use of our service, including
                                                    denial of service attacks or similar;</li>
                                                <li>infringe anyone’s intellectual property (including copyright) or
                                                    other rights in any data;</li>
                                                <li>resell or otherwise supply our services to anyone without our prior
                                                    written consent;</li>
                                                <li>open multiple free accounts;</li>
                                                <li>open a new account after a previous account has been suspended or
                                                    terminated for breach of these Terms;</li>
                                                <li>make use of any additional services which are not meant to be
                                                    available to you on the plan you have subscribed for (including
                                                    additional storage or additional functionality). For the avoidance
                                                    of doubt, this includes where, for whatever reason, we may have
                                                    provided you access to such additional services;</li>
                                                <li>use our service to:
                                                    <ol style="margin-left: 20px;">
                                                        <li>store, use, download, upload, share, access, transmit, or
                                                            otherwise make available, Data in violation of any
                                                            applicable law in any country (including to breach copyright
                                                            or other intellectual property rights held by us or anyone
                                                            else);</li>
                                                        <li>send unwelcome communications of any kind (including
                                                            unlawful unsolicited commercial communications) to anyone
                                                            (e.g. spam or chain letters);</li>
                                                        <li>
                                                            abuse, defame, threaten, stalk or harass anyone, or to harm
                                                            them as defined in the Harmful Digital Communications Act
                                                            2015 (NZ) or any similar law in the relevant jurisdiction;
                                                        </li>
                                                        <li>store, use, download, upload, share, access, transmit, or
                                                            otherwise make available, unsuitable, offensive, obscene or
                                                            discriminatory information of any kind;</li>
                                                        <li>run any network scanning software, spiders, spyware, robots,
                                                            open relay software or similar software;</li>
                                                        <li>upload anything or otherwise introduce any spyware, viruses,
                                                            worms, trojan horses, time bombs or bots or any other
                                                            damaging items which could interfere with our, or anyone
                                                            else’s, network, device or computer system;</li>
                                                        <li>use any software or device which may hinder the services
                                                            (like mail bombs, war dialling, automated multiple pinging
                                                            etc.);</li>
                                                        <li>attempt to gain unauthorised access to any services which
                                                            you have not been given express permission to access; or
                                                        </li>
                                                        <li>impersonate anyone or try to deceive or defraud anyone for
                                                            any reason (e.g. by claiming to be someone you are not).
                                                        </li>
                                                    </ol>
                                                </li>
                                            </ol>
                                        </li>
                                    </ol>
                                    <ol start="18">
                                        <li>To register with us, you must use a password in conjunction with your
                                            specific account email address. You must not use an email address that is
                                            offensive, obscene, discriminatory or is otherwise suggestive of illegal
                                            activity. You must make sure your password is secure, confidential and not
                                            used by you on other sites. If you think or know someone has used your
                                            password or there has been any other security breach, you must tell us
                                            immediately. We will hold you responsible for anything done on our services
                                            using your account and password. MAKE YOUR PASSWORD A STRONG ONE AND KEEP IT
                                            SECURE. We are not responsible if someone else gains access to your computer
                                            or other device and/or your MEGA password and/or encryption keys for any
                                            files.</li>
                                    </ol>
                                    <h2>Intellectual Property</h2>
                                    <h4 id="5" style="margin: 30px 0 20px;">Our IP</h4>
                                    <ol start="19">
                                        <li>You must not, and you must not let anyone (including any user within a
                                            Business Account of which you are the administrator), use, copy, alter,
                                            distribute, display, licence, modify or reproduce, reverse assemble, reverse
                                            compile, communicate, share, transmit or otherwise make available, (whether
                                            digitally, electronically, by linking, or in hard copy or by any means
                                            whatsoever), any of our code, content, copyright materials, intellectual
                                            property or other rights without getting our permission in writing, other
                                            than in order to use our services as intended or as allowed under any open
                                            source licences under which we use intellectual property provided by others.
                                            The open source code that we use, where we obtained it, and licences for
                                            that code, are all detailed on the Github pages referenced on our website
                                            and via our mobile apps.</li>
                                        <li>Without limiting any other provision of these Terms, you may only directly
                                            and specifically use the API if you register at the developer registration
                                            page and agree that you will only publish or make available your application
                                            after we have approved it pursuant to our application approval process and
                                            licence agreement available on request at api@mega.nz. Unless we have
                                            expressly agreed otherwise with you, we are entitled to revoke access to, or
                                            change, our API at any time without notice where we consider it necessary
                                            for our business purposes. We will not be responsible or liable if this
                                            causes your application to malfunction or be unusable.</li>
                                    </ol>
                                    <h4 id="6" style="margin: 30px 0 20px;">Your IP</h4>
                                    <ol start="21">
                                        <li>You warrant that you own, or are authorised to use, the intellectual
                                            property in any Data you store on, use, download, upload, share, access,
                                            transmit or otherwise make available to or from, our systems or when using
                                            our services. You grant us a worldwide, royalty-free licence to use, store,
                                            back up, copy, transmit, distribute, communicate, modify and otherwise make
                                            available, your Data, solely for the purposes of enabling you and those you
                                            give access to, to use our services and for any other purpose related to
                                            provision of the services to you and them.</li>
                                    </ol>
                                    <h2 id="7">Copyright Takedown Notices</h2>
                                    <ol start="22">
                                        <li>We respect the copyright of others and require that users of our services
                                            comply with copyright laws. You are strictly prohibited from using our
                                            services to infringe copyright. You may not upload, download, store, share,
                                            access, display, stream, distribute, e-mail, link to, communicate, transmit,
                                            or otherwise make available any files, data, or content that infringes any
                                            copyright or other proprietary rights of any person or entity.</li>
                                        <li>We will respond to notices of alleged copyright infringement that comply
                                            with applicable law and are properly provided to us. If you believe that
                                            your content has been copied or used in a way that constitutes copyright
                                            infringement, please see our Copyright Policy where you’ll find details of
                                            the process for lodging a copyright takedown notice.</li>
                                        <li>We reserve the right to remove Data alleged to be infringing without prior
                                            notice, at our sole discretion, and without liability to you. We will
                                            suspend your account if we receive repeated copyright takedown notices. In
                                            appropriate circumstances, we may also terminate your account, including if
                                            we consider you to be a repeat infringer.</li>
                                    </ol>
                                    <h2 id="8">Copyright Counter-Notices</h2>
                                    <ol start="25">
                                        <li>We process all takedown notices based on good faith acceptance of the
                                            representations from the party submitting the notice. We do not review the
                                            material before processing the notice.</li>
                                        <li>You may file a counter-notice if you believe that access to a file you have
                                            uploaded has been wrongly disabled because it was the subject of an
                                            incorrect takedown notice. You should only do so if you are confident that
                                            no other party owns copyright in the material, or you have rights to store
                                            the material and, if you are sharing it, that you have the right to do so.
                                        </li>
                                        <li>
                                            Please understand that:
                                            <ol style="margin-left: 20px;">
                                                <li>when we receive your counter-notice, we pass it, including your
                                                    address and other contact information, to the party who issued the
                                                    original takedown notice. We may also disclose it to a public
                                                    archive which is used for non-profit, research purposes. By
                                                    submitting your counter-notice you authorise us to do so;</li>
                                                <li>filing a counter-notice may lead to legal proceedings between you
                                                    and the complaining party;</li>
                                                <li>there may be adverse legal consequences in New Zealand and/or your
                                                    jurisdiction if you make a false or bad faith allegation using this
                                                    process;</li>
                                                <li>if you make a false or bad faith allegation or otherwise breach
                                                    these Terms or any of our policies and that causes us any loss,
                                                    costs (including full legal costs on a solicitor/client basis),
                                                    damages or other liability, we reserve the right to claim for and
                                                    recover from you that loss, those costs (including full legal
                                                    costs), damages and other liability, by deduction from any balance
                                                    in your account and/or by issuing arbitration proceedings as set out
                                                    at clause 54.</li>
                                                <li>we provide this counter-notice process voluntarily for the purposes
                                                    of all applicable copyright takedown and counter-notice regimes in
                                                    New Zealand and other jurisdictions, but, in doing so, we do not
                                                    submit to any jurisdiction, law, tribunal or court other than as set
                                                    out at clause 54. We may amend, suspend or withdraw this
                                                    counter-notice process at any time, provided that any
                                                    counter-notices in train at that time will continue to be processed.
                                                </li>
                                            </ol>
                                        </li>
                                        <li>By filing a counter-notice, you accept the above terms. If you do not accept
                                            the above terms, do not file a counter-notice.</li>
                                        <li>To file a counter-notice with us, you must complete, sign and submit the
                                            form at https://mega.io/dispute with substantially the following
                                            information:
                                            <ol style="margin-left: 20px;">
                                                <li>Identification of the specific URL(s) of material that has been
                                                    removed or to which access has been disabled;</li>
                                                <li>Description of the content;</li>
                                                <li>Your full name, address, telephone number, email address and the
                                                    username of your MEGA account;</li>
                                                <li>The statement: “I have a good faith belief that the material was
                                                    removed or disabled as a result of a mistake or misidentification of
                                                    the material to be removed or disabled.”;</li>
                                                <li>The reasons for that good faith belief, sufficient to explain the
                                                    mistake or misidentification to the person who filed the original
                                                    takedown notice;</li>
                                                <li>The statement “I will accept service of proceedings in New Zealand
                                                    or in the jurisdiction where my address in this counter-notice is
                                                    located, from the person who provided Mega Limited with the original
                                                    copyright takedown notice or an agent of such person.”;</li>
                                                <li>A signature; and</li>
                                                <li>Any other comments you wish to provide.</li>
                                            </ol>
                                        </li>
                                    </ol>
                                    <ol start="30">
                                        <li>We will only accept a counter-notice directly from the user from whose
                                            account a folder or file has been disabled. Counter-notices must be
                                            submitted using the email address associated with that MEGA account.</li>
                                        <li>If we do not receive any further communication from or on behalf of the
                                            person who originally submitted the takedown notice, or any communication we
                                            do receive does not in our sole opinion adequately justify the original
                                            takedown notice, we may, but are not obliged to, reinstate the material in
                                            approximately 10 to 14 days provided we have no reason to believe that the
                                            material infringes copyright.</li>
                                        <li>Nothing in clauses 25 – 31 prejudices our right to remove or disable access
                                            to any material at any time, for any reason or no reason.</li>
                                    </ol>
                                    <h2 id="9">Other Infringement Notices</h2>
                                    <ol start="33">
                                        <li>If you consider there has been some other infringement or breach of law, or
                                            of these Terms, and wish to file a complaint, contact us at the relevant
                                            address on our contacts page. We will generally require the same level of
                                            detail as set out in our Copyright Policy. See also our Takedown Guidance
                                            Policy.</li>
                                    </ol>
                                    <h2 id="10">Suspension and Termination</h2>
                                    <h4 style="margin: 30px 0 20px;">By you</h4>

                                    <ol start="34">
                                        <li>You may terminate your access to our services at any time by following the
                                            ‘Delete account’ link in the Account section of our websites or the Settings
                                            section of our mobile apps. However, we will not provide any part-refund for
                                            any allowance not used on any subscription you may have, other than under
                                            clauses 4, 37, 61 and 63. If you are a Business Account administrator you
                                            may also terminate access to any user within the Business Account. Refer to
                                            clause 63 for cancellation of recurring subscriptions established through
                                            mobile apps using in-app-purchase platforms.</li>
                                    </ol>
                                    <h4 style="margin: 30px 0 20px;">By us</h4>
                                    <ol start="35">
                                        <li>We may immediately suspend or terminate your access to our services, and (as
                                            may be applicable) that of other users within a Business Account, and/or
                                            remove any of your Data, with or without notice to you if:
                                            <ol style="margin-left: 20px;">
                                                <li>you or they breach any of these Terms or any other agreement you or
                                                    they have with us;</li>
                                                <li>you are not a registered user after you have been given notice that
                                                    you must register;</li>
                                                <li>you or they materially exceed any applicable plan data limits after
                                                    having been given notice to reduce usage;</li>
                                                <li>you are using a free account and that account has been inactive for
                                                    over 3 months and you have been given notice to take action;</li>
                                                <li>we have been unable to contact you using the email address in your
                                                    account details;</li>
                                                <li>any information you provide to us indicates that you may have
                                                    breached or may intend to breach these Terms, including an email
                                                    address that is offensive, obscene, discriminatory or is otherwise
                                                    suggestive of an illegal activity or a breach of these Terms; or
                                                </li>
                                                <li>we receive a credible report that you or any other user within a
                                                    Business Account have used another online service provider in breach
                                                    of any applicable law, or to do any of the things prohibited by
                                                    clause 17.8 of these Terms.</li>
                                            </ol>
                                        </li>
                                    </ol>
                                    <ol start="36">
                                        <li>Without in any way limiting the other rights available to us pursuant to
                                            these Terms to take such further action as we deem necessary in any case, we
                                            may temporarily suspend your account, where a pattern of access to your
                                            account suggests to us that the account may have been compromised by you
                                            allowing your credentials to be exposed or ascertained by a third party. You
                                            will subsequently be required to provide such verification of your right to
                                            access your account, as we deem appropriate, before we will unsuspend your
                                            account.</li>
                                        <li>We may also at any time terminate, suspend or limit our services or any part
                                            of our services, for all users or for groups of users, by giving 30 days’
                                            notice and as applicable for any duration of time(s) that we specify where
                                            we consider it necessary for our business purposes. We will pay any refund
                                            you are entitled to under these Terms.</li>
                                        <li>All charges outstanding on your account as at termination for any reason
                                            must be paid.</li>
                                    </ol>
                                    <h2 id="11">Export Control</h2>
                                    <ol start="39">
                                        <li>You may not use, export, re-export, import, or transfer any software or code
                                            supplied as part of your use of our services: (a) into any United States or
                                            New Zealand embargoed countries; or (b) to or by anyone listed as a
                                            specifically prohibited recipient by the United States Government or the New
                                            Zealand Government. By using our websites and our services, you represent
                                            and warrant that you are not located in any such country or on any such
                                            list. You also will not use our websites or our services for any purpose
                                            prohibited by the United States, New Zealand or any other law, including the
                                            development, design, manufacture or production of missiles, nuclear,
                                            chemical or biological weapons.</li>
                                    </ol>
                                    <h2 id="12">Severability and Waiver</h2>
                                    <ol start="40">
                                        <li>If any provision of these Terms is held to be invalid or unenforceable, the
                                            remaining provisions will remain in full force and effect. If we do not
                                            enforce any right or provision of these Terms or if we in any instance grant
                                            any concession or indulgence, that will not be deemed a waiver of such right
                                            or provision or obligate us to grant any further concession or indulgence to
                                            you or anyone.</li>
                                    </ol>
                                    <h2 id="13">Force Majeure</h2>
                                    <ol start="41">
                                        <li>We will not be liable by reason of any failure or delay in the performance
                                            of our obligations because of events beyond our reasonable control, which
                                            may include denial-of-service attacks, strikes, shortages, riots,
                                            insurrection, epidemics, pandemics, fires, floods, storms, explosions, acts
                                            of God, war, terrorism, governmental action, labour conditions, earthquakes,
                                            material shortages, extraordinary internet congestion or extraordinary
                                            connectivity issues or failure of a third-party supplier, (each a “Force
                                            Majeure Event“). Upon the occurrence of a Force Majeure Event, we will be
                                            excused from any further performance of the obligations which are affected
                                            by that Force Majeure Event for so long as the event continues.</li>
                                    </ol>
                                    <h2 id="14">DISCLAIMERS</h2>
                                    <ol start="42">
                                        <li>WE DON’T MAKE ANY WARRANTY OR UNDERTAKING ABOUT THE SERVICES WHICH ARE
                                            PROVIDED “AS IS”. TO AVOID DOUBT, ALL IMPLIED CONDITIONS OR WARRANTIES ARE
                                            EXCLUDED AS MUCH AS IS PERMITTED BY LAW, INCLUDING WARRANTIES OF
                                            MERCHANTABILITY, FITNESS FOR PURPOSE, SAFETY, RELIABILITY, DURABILITY, TITLE
                                            AND NON-INFRINGEMENT.</li>
                                        <li>We will try to give you access to our services all the time, but we do not
                                            make any promises or provide you with a warranty that the services will be
                                            without any faults, bugs or interruptions.</li>
                                        <li>Whilst we intend that the services should be available 24 hours a day, seven
                                            days a week, it is possible that on occasions our services may be
                                            unavailable to permit maintenance or other development activity to take
                                            place or be periodically interrupted for reasons outside our control.</li>
                                        <li>Information provided on our services will change regularly. We will try to
                                            keep the information up to date and correct, but again, we do not make any
                                            promises or guarantees about the accuracy of such information.</li>
                                        <li>We do not warrant that the services will meet your requirements or that they
                                            will be suitable for any particular purpose.</li>
                                        <li>You are the controller in respect of some personal information MEGA holds
                                            about you and MEGA is the processor, for GDPR purposes. MEGA is the
                                            controller in respect of some other personal information. See our Privacy
                                            and Data Policy for more details. These Terms, our Privacy and Data Policy,
                                            our Cookie Policy and our Takedown Guidance Policy are the contract between
                                            us that governs our processing of that personal information. It is your sole
                                            responsibility to determine that the services meet your needs, or those of
                                            your business or otherwise and are suitable for the purposes for which they
                                            are used.</li>
                                        <li>We also aren’t liable for:
                                            <ol style="margin-left: 20px;">
                                                <li>any corruption or loss of data or other content which you or anyone
                                                    else may experience after using our services or any problems you may
                                                    have when you access our services;</li>
                                                <li>any loss or damage if you do not follow our reasonable instructions,
                                                    these Terms, our Privacy and Data Policy, our Cookie Policy and our
                                                    Takedown Guidance Policy; and</li>
                                                <li>any actions or non-actions of other people which disrupt access to
                                                    our services, including the content and nature of any data that you
                                                    upload, access or share;</li>
                                                <li>content of ads appearing on our services (including links to
                                                    advertisers’ own websites) as the advertisers are responsible for
                                                    the ads and we don’t endorse the advertisers’ products; and</li>
                                                <li>content of other people’s websites even if a link to their websites
                                                    is included on our websites or our mobile apps.</li>
                                            </ol>
                                        </li>
                                    </ol>
                                    <ol start="49">
                                        <li>You acknowledge that if you are accessing and using the services for the
                                            purposes of a business then, to the maximum extent permitted by law, any
                                            statutory consumer guarantees or legislation intended to protect
                                            non-business consumers in any jurisdiction (such as the Consumer Guarantees
                                            Act 1993 and the Fair Trading Act 1986, as provided in section 5D of that
                                            Act, in New Zealand) do not apply to the supply of the services or these
                                            Terms.</li>
                                    </ol>
                                    <h2 id="15">LIMITATION OF LIABILITY AND INDEMNITY BY YOU</h2>
                                    <ol start="50">
                                        <li>TO THE MAXIMUM EXTENT PERMITTED BY LAW, WE (THIS INCLUDES OUR EMPLOYEES,
                                            OFFICERS, AGENTS AND AUTHORISED RESELLERS) ARE NOT LIABLE WHETHER IN
                                            CONTRACT, TORT (INCLUDING NEGLIGENCE), EQUITY OR ON ANY OTHER GROUNDS TO YOU
                                            OR ANYONE FOR ANY DIRECT, INDIRECT OR CONSEQUENTIAL DAMAGE, LOSS, COST OR
                                            EXPENSE, DAMAGE TO PROPERTY, INJURY TO PERSONS, LOSS OF PROFITS, LOSS OF
                                            DATA OR REVENUE, LOSS OF USE, LOST BUSINESS OR MISSED OPPORTUNITIES, WASTED
                                            EXPENDITURE OR SAVINGS WHICH YOU MIGHT HAVE HAD, OCCURRING DIRECTLY OR
                                            INDIRECTLY FROM THE USE OR ABILITY OR INABILITY TO USE, OR RELIANCE ON, OUR
                                            SERVICES, AND BASED ON ANY TYPE OF LIABILITY INCLUDING BREACH OF CONTRACT,
                                            BREACH OF WARRANTY, TORT (INCLUDING NEGLIGENCE), STATUTORY OR PRODUCT
                                            LIABILITY, OR OTHERWISE.</li>
                                        <li>YOU INDEMNIFY US AGAINST ALL CLAIMS, COSTS (INCLUDING ALL OUR LEGAL COSTS),
                                            EXPENSES, DEMANDS OR LIABILITY, DAMAGES AND LOSSES WHETHER DIRECT, INDIRECT,
                                            CONSEQUENTIAL, OR OTHERWISE, AND WHETHER ARISING IN CONTRACT, TORT
                                            (INCLUDING IN EACH CASE NEGLIGENCE), OR EQUITY OR OTHERWISE, ARISING
                                            DIRECTLY OR INDIRECTLY FROM BREACH BY YOU OR ANYONE YOU GIVE ACCESS TO YOUR
                                            DATA, OF ANY OF THESE TERMS OR ANY POLICY REFERENCED IN THESE TERMS.</li>
                                        <li>IF YOU ARE NOT SATISFIED WITH THE SERVICES, THEN YOUR SOLE AND EXCLUSIVE
                                            REMEDY IS TO TERMINATE YOUR USE OF OUR SERVICES AND THE CONTRACT YOU HAVE
                                            WITH US.</li>
                                        <li>DESPITE THE ABOVE, IF ANY COURT OR OTHER COMPETENT AUTHORITY HOLDS US (THIS
                                            INCLUDES OUR OFFICERS, STAFF AND AGENTS) LIABLE FOR ANY MATTER RELATED TO
                                            THESE TERMS OR OUR SERVICES, OUR TOTAL COMBINED LIABILITY WILL BE LIMITED TO
                                            THE MOST RECENT SUBSCRIPTION AMOUNT YOU HAVE PAID TO US.</li>
                                    </ol>
                                    <h2 id="16">Disputes and Choice of Law</h2>
                                    <ol start="54">
                                        <li>
                                            Any and all disputes arising out of this agreement, its termination, or our
                                            relationship with you will be determined by binding arbitration under the
                                            Arbitration Act 1996 in Auckland, New Zealand, by one arbitrator who will be
                                            a lawyer knowledgeable in relevant technology matters appointed pursuant to
                                            the Appointments Policy of the Arbitrators’ and Mediators’ Institute of New
                                            Zealand Incorporated (AMINZ) on a request by either you or us. The following
                                            terms apply to the arbitration in addition to those implied by New Zealand
                                            law:
                                            <ol style="margin-left: 20px;">
                                                <li>Notice must be given to apply for any interim measure in the
                                                    arbitration proceeding;</li>
                                                <li>The arbitration proceeding will commence when a request is made to
                                                    AMINZ to appoint an arbitrator;</li>
                                                <li>The arbitration will be in English. The Arbitrator will permit the
                                                    parties and witnesses to appear by videoconference that we will
                                                    organise and pay for; and</li>
                                                <li>We will pay the arbitrator’s fees and expenses unless the arbitrator
                                                    determines that you should meet some or all of those fees and
                                                    expenses because your dispute is frivolous or vexatious.</li>
                                            </ol>
                                        </li>
                                        <li>The relationship we have with you under these Terms and their interpretation
                                            and construction together with any dispute, suspension or termination
                                            arising out of or in connection with them, is governed exclusively by New
                                            Zealand law. MEGA does not submit to any other jurisdiction other than New
                                            Zealand and New Zealand law. You and we submit to the exclusive jurisdiction
                                            of the New Zealand arbitral tribunals (and courts for the purposes of the
                                            enforcement of any arbitral award or appeal on question of law). The parties
                                            agree to enforcement of the arbitral award and orders and any judgement in
                                            New Zealand and in any other country.</li>
                                    </ol>
                                    <h2 id="17">Business Accounts</h2>
                                    <ol start="56">
                                        <li>
                                            The administrator of a Business Account can see and deal with the files and
                                            Data associated with all users within that account (including any Data and
                                            any personal information). In addition:
                                            <ol style="margin-left: 20px;">
                                                <li>If the Business Account is suspended or terminated, that will affect
                                                    the Data and personal information of every user within that account;
                                                </li>
                                                <li>The administrator of the Business Account will be able to see and
                                                    deal with, change or delete the files and Data associated with every
                                                    user within that account (including any Data and personal
                                                    information); and</li>
                                                <li>The administrator of the Business Account will be able to terminate
                                                    any user’s account within the Business Account, restrict or disable
                                                    usage of the account, change any user’s password and otherwise deny
                                                    access to the account and all Data and personal information and such
                                                    users will then lose access to all their Data and all personal
                                                    information associated with their account.</li>
                                            </ol>
                                        </li>
                                        <li>
                                            In respect of payment for Business Accounts:
                                            <ol style="margin-left: 20px;">
                                                <li>We will charge the credit card associated with the Business Account
                                                    with the applicable fees (including for any specified minimum) at
                                                    the monthly billing date, on a recurring basis;</li>
                                                <li>Notwithstanding clause 57.1, acting at our sole discretion we will
                                                    be entitled to offer such alternative payment methods and/or payment
                                                    terms to you as we deem appropriate, provided that where such
                                                    alternative payment methods and/or payment terms have been accepted
                                                    by you, we may subsequently revoke such alternative payment methods
                                                    and/or payment terms on 30 days’ notice to you; and</li>
                                                <li>In the event that there is any dispute as to the amount of any
                                                    payment due (for example in respect of the number of active users on
                                                    your Business Account in any month) then our decision on such matter
                                                    will be final and binding, and in the absence of manifest error or
                                                    other lawful excuse, you may not withhold payment or claim any
                                                    set-off without our written agreement.</li>
                                            </ol>
                                        </li>
                                        <li>Where a Business Account recurring payment fails for any reason, after 30
                                            days we may suspend the account and all users within that account until
                                            payment is made. If no payment is made within a reasonable period of time,
                                            we will be entitled to terminate the Business Account and all users within
                                            that account, in which case all Data and personal information associated
                                            with those users and the account will be subject to deletion in accordance
                                            with these Terms.</li>
                                        <li>
                                            Business Accounts are also subject to the following conditions:
                                            <ol style="margin-left: 20px;">
                                                <li>Each user must comply with these Terms. Any breach of these Terms by
                                                    one user will be treated as a breach of these Terms in respect of
                                                    the whole account; and</li>
                                                <li>MEGA will not be liable to any Business Account user should the
                                                    actions of another user within the account, including the
                                                    administrator of the Business Account, cause any loss or damage to
                                                    another user within the Business Account (including by way of
                                                    deletion, amendment, sharing or any other dealing with Data or
                                                    personal information).</li>
                                            </ol>
                                        </li>
                                    </ol>
                                    <h2 id="18">Reasonable Use Policy</h2>
                                    <ol start="60">
                                        <li>If you are on any plan that does not include a limit as to data storage or
                                            transmission, your use of our services must be fair, reasonable and not
                                            excessive, as reasonably determined by us by reference to average and/or
                                            estimated typical per user usage of the service. We will consider usage to
                                            be excessive and unreasonable where it materially exceeds the average and/or
                                            estimated use patterns over any day, week or month (or other period of time
                                            as determined by us) (“excessive usage”). If we identify excessive or
                                            unreasonable usage, we may suspend, and after 30 days’ notice, terminate
                                            your account, or in the case of a Business Account, any or all of the users
                                            or the whole Business Account, in which case Data and personal information
                                            associated with the user(s) and the account will be subject to deletion in
                                            accordance with these Terms. An example of such unreasonable usage pattern
                                            on a Business Account includes adding users who do not appear to MEGA to be
                                            associated with the administrator’s family or business.</li>
                                    </ol>
                                    <h2 id="19">Refunds</h2>
                                    <ol start="61">
                                        <li>Unless otherwise provided by New Zealand law or by a particular service
                                            offer, all purchases are final and non-refundable. If you believe that MEGA
                                            has charged you in error, you must contact us within 90 days of such charge.
                                            No refunds will be given for any charges more than 90 days old. We reserve
                                            the right to issue refunds or credits at our sole discretion. If we issue a
                                            refund or credit, we are under no obligation to issue the same or similar
                                            refund in the future. This refund policy does not affect any statutory
                                            rights that may apply. If you have made a payment by mistake and have not
                                            used the subscription plan services, you must contact support@mega.nz within
                                            24 hours. This will be acknowledged promptly and answered within 7 days.
                                        </li>
                                    </ol>
                                    <h2 id="20">Recurring Paid Subscriptions</h2>
                                    <ol start="62">
                                        <li>Recurring subscriptions will renew indefinitely, either monthly or annually,
                                            based upon your chosen subscription period, unless the subscription is
                                            cancelled prior to a renewal date. For recurring subscriptions established
                                            via mobile apps using in-app-purchase platforms, you should refer to your
                                            app store account for details of the dates and terms of the subscription.
                                            Any other recurring subscription will renew on the same day of the month as
                                            it was established, except in cases where the day is not available due to a
                                            short month, in which case the renewal date will be moved to the first day
                                            of the following month.
                                        </li>
                                    </ol>
                                    <h2 id="21">Cancellation of Recurring Paid Subscriptions</h2>
                                    <ol start="63">
                                        <li>Recurring subscriptions established through mobile apps using
                                            in-app-purchase platforms should be cancelled through the relevant app store
                                            account directly. Any other recurring subscription should be cancelled by
                                            navigating to https://mega.nz/account in your browser while you are logged
                                            into your account and selecting the option to cancel your subscription. Any
                                            payments processed after an effective subscription cancellation will be
                                            promptly refunded by us. If you cancel a paid subscription, but you maintain
                                            your MEGA account as a free account, access to your account may be
                                            restricted or blocked if the level of use is above the limits applying to
                                            free accounts at that time.
                                        </li>
                                    </ol>
                                    <h2 id="22">Information and Privacy</h2>
                                    <ol start="64">
                                        <li>We reserve the right to disclose Data and other information, including
                                            personal information, as required by law or any competent authority. Our
                                            approach is referenced in our Privacy and Data Policy and Takedown Guidance
                                            Policy, both of which are subject to these Terms.
                                        </li>
                                        <li>You and anyone you give access to are also bound by our Privacy and Data
                                            Policy, our Cookie Policy and Takedown Guidance Policy. By accepting these
                                            Terms, you also accept those Policies.</li>
                                    </ol>
                                    <h2 id="23">Notices</h2>
                                    <ol start="66">
                                        <li>You can contact us by sending an email to support@mega.nz. If we need to
                                            contact you or provide you with notice, we will contact you via email or SMS
                                            using the details you have recorded in your account details or via popups or
                                            other prominent notice on our website or via any chat facility or internal
                                            messaging system we may provide and such notices will be valid and deemed to
                                            be received by you in accordance with the electronic communication
                                            provisions of the New Zealand Contract and Commercial Law Act 2017, no
                                            matter whether you are actively monitoring the account or its email address
                                            or not.
                                        </li>

                                    </ol>
                                    <h2 id="24">Rights to Third Parties</h2>
                                    <ol start="67">
                                        <li>MEGA’s employees, officers, agents, related companies and affiliates
                                            together with authorised suppliers of services to and authorised resellers
                                            of, our services, are entitled to the benefit of all indemnities and other
                                            provisions of these Terms which are for the benefit of MEGA in these Terms.
                                        </li>

                                    </ol>
                                    <h2 id="25">Entire Agreement</h2>
                                    <ol start="68">
                                        <li> These Terms, our Privacy and Data Policy, our Cookie Policy and Takedown
                                            Guidance Policy, the terms of any plan you purchase and any other terms and
                                            policies expressly referenced in these Terms, together constitute the entire
                                            agreement between us relating to your use of our services. This is not
                                            intended to displace terms that are required by law to be implied and which
                                            have not been validly excluded in these Terms. From the date they come into
                                            force, in respect of any use of any of our services after that, these Terms
                                            supersede and replace any prior agreement, arrangement or understanding
                                            between you and us regarding the use of our services. No agreement,
                                            arrangement or understanding alleged to be made between us, or
                                            representation alleged to be made, by us or on our behalf, to you, if
                                            inconsistent with these Terms, will be valid unless agreed to in writing by
                                            an executive officer of MEGA. </li>

                                    </ol>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <div class="container">
                <div class="footer-content">
                    <div class="footer-link">
                        <div class="row flex_between">

                            <div class="col-12 shou">
                                <div class="link-label fw700 f-16">Dowanload</div>
                                <ul class="list-unstyled c-ccc f-16">
                                    <div class="imgbox PCSHOW">
                                        <img src="@/assets/googlePlay.webp" class="img" alt="">
                                    </div>
                                    <div class="imgbox PCSHOW">
                                        <img src="@/assets/Apk.webp" class="img" alt="">
                                    </div>
                                    <div class="imgbox APPSHOW">
                                        <img src="@/assets/googlePlay1.webp" class="img" alt="">
                                    </div>
                                    <div class="imgbox APPSHOW">
                                        <img src="@/assets/Apk1.webp" class="img" alt="">
                                    </div>
                                </ul>
                            </div>
                            <div class="col-6 ">
                                <div class="link-label fw700 f-16">{{ $t('home.Help') }}</div>
                                <ul class="list-unstyled c-ccc f-14">
                                    <li>
                                        <router-link to="/TermsofService">{{ $t('home.HelpCentre') }}</router-link>
                                    </li>
                                    <li>
                                        <router-link to="/TermsofService">{{ $t('home.Contactus') }}</router-link>
                                    </li>
                                    <li>
                                        <router-link
                                            to="/TermsofService">{{ $t('home.VulnerabilityRewardProgramme') }}</router-link>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-6 ">
                                <div class="link-label fw700   f-16">{{ $t('home.Legal') }}</div>
                                <ul class="list-unstyled c-ccc f-14">
                                    <li>
                                        <router-link to="/TermsofService">{{ $t('home.TermsofService') }}</router-link>
                                    </li>
                                    <li>
                                        <router-link
                                            to="/TermsofService">{{ $t('home.AdditionalVPNTermsofService') }}</router-link>
                                    </li>
                                    <li>
                                        <router-link
                                            to="/TermsofService">{{ $t('home.PrivacyandDataPolicy') }}</router-link>
                                    </li>
                                    <li>
                                        <router-link
                                            to="/TermsofService">{{ $t('home.Copyrightnoticesubmission') }}</router-link>
                                    </li>
                                    <li>
                                        <router-link
                                            to="/TermsofService">{{ $t('home.TakedownGuidancePolicy') }}</router-link>
                                    </li>
                                    <li>
                                        <router-link
                                            to="/TermsofService">{{ $t('home.Copyrightdispute') }}</router-link>
                                    </li>
                                </ul>
                            </div>
                            <!-- <div class="col-6 disabled">
                                <div class="link-label fw700 c-000 f-21" style="color: transparent;">Legal</div>

                                <ul class="list-unstyled c-ccc f-16">
                                    <li>
                                        <a>
                                            {{ $t('home.TakedownGuidancePolicy') }}
                                        </a>
                                    </li>
                                    <li>
                                        <a> {{ $t('home.Copyrightdispute') }} </a>
                                    </li>
                                </ul>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</template>
<script>
import axios from 'axios'
import {
    mapState,
    mapGetters,
    mapMutations
} from "vuex";
import pageHeader from "@/components/page-header.vue";
export default {
    name: 'TermsofService',
    components: {
        pageHeader
    },
    data() {
        return {
            sticky: false, // 是否吸顶
            activeElement: null,
            initialTop: 300, // 初始顶部的距离
            isShowSticky: true,
            navigationList: [{
                text: 'Scope of these Terms',
                id: 1
            },
            {
                text: 'Your Data',
                id: 2
            },
            {
                text: 'Your obligations',
                id: 3
            },
            {
                text: 'What you must not do',
                id: 4
            },
            {
                text: 'Our IP',
                id: 5
            },
            {
                text: 'Your IP',
                id: 6
            },
            {
                text: 'Copyright Takedown Notices',
                id: 7
            },
            {
                text: 'Copyright Counter-Notices',
                id: 8
            },
            {
                text: 'Other Infringement Notices',
                id: 9
            },
            {
                text: 'Suspension and Termination',
                id: 10
            },
            {
                text: 'Export Control',
                id: 11
            },

            {
                text: 'Severability and Waiver',
                id: 12
            },
            {
                text: 'Force Majeure',
                id: 13
            },
            {
                text: 'DISCLAIMERS',
                id: 14
            },
            {
                text: 'LIMITATION OF LIABILITY AND INDEMNITY BY YOU',
                id: 15
            },
            {
                text: 'Disputes and Choice of Law',
                id: 16
            },
            {
                text: 'Business Accounts',
                id: 17
            }, {
                text: 'Reasonable Use Policy',
                id: 18
            },
            {
                text: 'Refunds',
                id: 19
            },
            {
                text: 'Recurring Paid Subscriptions',
                id: 20
            },
            {
                text: 'Cancellation of Recurring Paid Subscriptions',
                id: 21
            },
            {
                text: 'Information and Privacy',
                id: 22
            },
            {
                text: 'Notices',
                id: 23
            },
            {
                text: 'Rights to Third Parties',
                id: 24
            },
            {
                text: 'Entire Agreement',
                id: 25
            },
            ]
        }
    },
    computed: {
        ...mapGetters([
            "uid",
            "token",
            "loginState",
            "email",
        ]),

    },
    beforeDestroy() {
        window.removeEventListener("scroll", this.checkStickiness);
        window.removeEventListener("scroll", this.findActiveElement);

    },
    mounted() {
        window.addEventListener("scroll", this.checkStickiness);
        this.checkStickiness();
        window.addEventListener("scroll", this.findActiveElement);


    },
    methods: {
        ...mapMutations([
            "setUid",
            "setToken",
            "setEmail",
        ]),
        showLanguageHandel() {
            this.$refs.languageRef.close();
        },
        goAdmin() {
            if (!this.uid) {
                this.dialogVisible = true
            } else {
                this.$router.push('/porter')
            }
        },
        showDialogVisible() {
            this.dialogVisible = true
        },
        checkStickiness() {
            if (window.scrollY >= this.initialTop) {
                this.sticky = true;
            } else {
                this.sticky = false;
            }
        },
        scrollTo(id) {
            const element = document.getElementById(id);
            if (element) {
                const rect = element.getBoundingClientRect();
                window.scrollTo({
                    top: rect.top + window.scrollY - 100,
                    behavior: "smooth",
                });
            }
        },
        logOut() {
            this.$confirm(this.$t('home.Confirmtoexit'), this.$t('home.LogoutConfirmation'), {
                confirmButtonText: this.$t('home.Confirm'),
                cancelButtonText: this.$t('home.Cancel'),
                type: 'warning'
            })
                .then(_ => {
                    localStorage.clear();
                    this.setUid('');
                    this.setToken('');
                    this.setEmail('');
                    this.$router.push('/')
                    done();
                })
                .catch(_ => { });
        },
        findActiveElement() {
            let scrollY = window.pageYOffset;
            let nearestElement = null;
            let nearestDistance = Infinity;

            this.navigationList.forEach((item) => {
                let element = document.getElementById(item.id);
                if (element) {
                    let distance = Math.abs(element.getBoundingClientRect().top);

                    if (distance < nearestDistance) {
                        nearestDistance = distance;
                        nearestElement = item.id;
                    }
                }
            });

            if (nearestElement !== this.activeElement) {
                this.activeElement = nearestElement;
            }
        },
    }
}
</script>
<style scoped lang="scss">
.custom-image {
    max-width: 100%;
    height: auto;
    margin: 30px 0;
    margin-left: auto;
    margin-right: auto;
}

.article-p {
    font-size: 18px;
    margin: 30px 0;
    font-weight: 400;
}

.article-h1 {
    margin: 40px 0;
    font-size: 50px;
    font-weight: bold;
}

.article-h2 {
    margin: 40px 0;
    font-size: 36px;
    font-weight: bold;
}

.article-h {
    margin: 30px 0;
    font-size: 26px;
    font-weight: 500;
}

.article-a {
    color: #04369f;
    font-weight: bold;
}

.article-a:hover {
    text-decoration: underline;
}

/* 隐藏滚动条 */
.navigation-box ::-webkit-scrollbar {
    width: 0.5em;
    background-color: transparent;
}
.APPSHOW {
    display: none;
}
// ::-webkit-scrollbar-track {
//   background-color: transparent;
// }

// ::-webkit-scrollbar-thumb {
//   background-color: #5d636b;
//   border-radius: 0.5em;
// }

// ::-webkit-scrollbar-thumb:hover {
//   background-color: #555;
// }

.is-active {
    color: rgb(6, 74, 218) !important; // 换成你需要的颜色
    background-color: rgba(5, 74, 218, 0.06);
}

.sticky {
    position: fixed !important;
    top: 0px;
}

.stickyNav {
    position: fixed !important;
    top: 20px;
    width: 220px;
}

.header {

    .navbar {}

    .container-tt {
        .nav_posi {
            position: relative;

            .language-content {
                position: absolute;
                right: 0px;
                top: 60px;
                padding: 6px 20px;
                padding-right: 0;
                padding-left: 34px;
                width: 327px;
                border-radius: 8px;
                border: 1px solid #d9d9d9;
                flex-wrap: wrap;
                background: #fff;
                z-index: 9999;

                .item {
                    z-index: 9999;
                    color: #000;
                    font-size: 14px;
                    width: 50%;
                    margin: 12px 0;
                }

                .changeItem {
                    color: #064ada;
                    font-weight: 700;
                }
            }
        }

        .navbar-brand {
            padding: 14px 0;

            .img {
                width: 34px;
                height: 34px;
            }

            .projectName {
                font-size: 21px;
                font-weight: 600;
                color: #000;
                margin-left: 14px;
            }
        }

        .app-dropdown {}

        .navbar-collapse {
            position: relative;

            .dropdown {
                font-size: 14px;

                .dropdownImg {
                    margin-left: 10px;
                    width: 14px;
                    height: 14px;
                    /* 使用 "~" 作为前缀可以更好地解析静态资源的路径 */
                    background-size: 14px 14px;
                    background-repeat: no-repeat;
                }

                .dropdownImg-up {
                    margin-left: 10px;
                    width: 14px;
                    height: 14px;
                    background-size: 14px 14px;
                    background-repeat: no-repeat;
                }
            }

            .dropdown-app {
                display: none;
            }
        }
    }
}

footer {
    background-color: #01020F;

    .imgbox {
        margin-bottom: 8px;

        .img {
            width: 170px;
            height: 36px;
        }
    }

    .footer-content {
        padding: 50px 0 30px;

        .row {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;

            .link-label {
                color: #eee;
            }

            .col-12 {
                flex: 0 0 auto;
                width: 33.33333333%;
            }

            .col-6 {
                flex: 0 0 auto;
                width: 33.33333333%;
            }

            .list-unstyled {
                margin-top: 20px;
                list-style: none;
                color: #8C8D9B;

                li {
                    margin-bottom: 20px;
                }

                li:hover {
                    color: #fff;
                }
            }
        }

        .copyright {
            margin-top: 40px;

            div {
                margin-top: 8px;
            }
        }
    }
}

.share-content-app {
    display: none;
}

.background {
    // background-color: #344264;
    padding: 50px 0;
    color: #fff;

    .content {
        margin-left: auto;
        margin-right: auto;
        padding: 0 80px;

        .cateImg {
            overflow: hidden;
            width: 120px;
            height: 120px;
            border-radius: 4px;
        }

        .alt-title {
            margin: 36px 0;
            font-size: 50px;
            font-weight: 700;
            text-align: center;
            max-width: 850px;
        }

        .uname {
            font-size: 18px;

            .name {
                text-decoration: underline;
                margin-left: 4px;
            }
        }

        .info-box {
            margin-top: 20px;
            font-size: 18px;

            .info2 {
                width: 5px;
                height: 5px;
                margin: 0 14px;
            }
        }
    }
}

.blog-content {
    flex: 1;

    .flex_content {
        position: initial;
        align-items: flex-start;

        .bread-crumbs {
            margin-left: auto;
            margin-right: auto;

            .bread {
                padding: 30px 0;
                width: 100%;
                background-color: #fff;
                z-index: 200;
            }

            .crumbs {
                color: #4a4a4a;
                font-size: 18px;
            }

            .right-disabled {
                margin: 0 10px;
                width: 24px !important;
                height: 24px !important;
                background-size: 24px 24px;
                background-repeat: no-repeat;
            }

            .active {
                font-size: 18px;
            }
        }

        .sticky-box {
            align-items: flex-start;
            color: #eee;

            .navigation-box {
                margin-top: 20px;
                width: 220px;
                margin-right: 30px;

                .nav-title {
                    font-size: 21px;
                    font-weight: 700;
                    padding: 20px;
                    padding-top: 0;
                    padding-left: 14px;
                }

                .navigation {
                    overflow: auto;
                    height: auto;
                    max-height: calc(100vh - 300px) !important;
                    padding: 20px 0;
                    z-index: 99999;
                    border-right: 1px solid #e7e7e7;

                    .navigation-item {
                        color: #eee;
                        font-size: 14px;
                        padding: 6px 10px;
                        line-height: 20px;
                    }
                }
            }

            .richText {
                flex: 1;
                max-width: 670px;
                padding: 40px 0;
                padding-left: 50px;
                color: #eee;

                .share-content {
                    .share {
                        a {
                            font-size: 0;

                            .img {
                                width: 24px;
                                height: 24px;
                                margin-left: 14px;
                            }
                        }
                    }
                }

                ol {
                    margin-bottom: 30px;

                    li {
                        counter-increment: item 1;
                        margin-top: 20px;
                        line-height: 1.5;
                        letter-spacing: .6px;
                        font-size: 16px;
                    }
                }

                .rich-img {
                    overflow: hidden;
                    width: 100%;
                    height: 449px;
                    border-radius: 12px;
                    margin-top: 20px;
                    margin-bottom: 30px;

                    .img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }

                .faqs-content-article {
                    margin-top: 20px;

                    .faq-tit {
                        font-size: 32px;
                        font-weight: 700;
                    }

                    .accordion {
                        margin-top: 30px;

                        .accordion-item {
                            margin-bottom: 40px;

                            .accordion-title {
                                color: #000;
                                font-size: 26px;
                                font-weight: 700;
                            }

                            .accordion-text {
                                margin-top: 10px;
                                font-size: 18px;
                                color: #000;
                            }
                        }
                    }
                }

                .app-box {
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    padding: 30px 24px;
                    gap: 64px;
                    margin-top: 24px;
                    border-radius: 12px;
                    background: rgba(6, 74, 218, 1);
                    color: #fff;

                    .app-box__info {
                        text-align: left;
                        font-size: 18px;

                        h3 {
                            margin-bottom: 20px;
                        }

                        a {
                            color: #3ec6ff;
                        }
                    }

                    .app-link {
                        display: flex;
                        align-items: center;
                        gap: 16px;

                        a {
                            img {
                                width: 154px;
                                height: 48px;
                            }
                        }
                    }
                }

                .read-more {
                    margin-top: 30px;

                    .r-tit {
                        font-weight: 700;
                        font-size: 32px;
                        margin-bottom: 20px;
                    }

                    ul {
                        list-style-type: none !important;
                        list-style: none !important;

                        li {
                            margin-bottom: 8px;
                            list-style: none !important;
                            font-size: 16px;

                            span {
                                // text-decoration: underline;
                                color: rgba(6, 74, 218, 1);
                            }
                        }
                    }

                    ul li::before {
                        content: "•";
                        font-size: 20px;
                        color: rgba(6, 74, 218, 1);
                        margin-right: 10px;
                    }

                    .list {
                        flex-wrap: wrap;
                        align-items: stretch;

                        .item {
                            width: 47%;
                            margin-bottom: 30px;

                            .cover {
                                overflow: hidden;
                                width: 100%;
                                height: 164px;
                                border-radius: 8px;
                                object-fit: cover;

                                .img {
                                    object-fit: cover;
                                    transition: transform 500ms;
                                }
                            }

                            .cover:hover {
                                .img {
                                    transform: scale(1.1);
                                }
                            }

                            .list-title {
                                margin-top: 10px;
                                font-size: 18px;
                                font-weight: 700;
                                color: #064ada;
                            }

                            .list-title:hover {
                                text-decoration: underline;
                            }

                            .info {
                                margin-top: 12px;
                                font-size: 18px;

                                .info_2 {
                                    color: #064ada;
                                    margin-left: 6px;
                                }

                                .info_3 {
                                    width: 3px;
                                    height: 3px;
                                    background: #4a4a4a;
                                    border-radius: 50%;
                                    margin: 0 10px;
                                }

                                .info_4 {
                                    color: #4a4a4a;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .auther-info-box {
        margin-top: 30px;
        padding-top: 30px;
        margin-bottom: 40px;
        padding: 20px;
        background-color: #fafafa;

        .img {
            width: 150px;
            height: 150px;
            margin-right: 30px;
            object-fit: cover;
            border-radius: 50%;
        }

        .introduction {
            padding-top: 30px;

            .col1 {
                font-size: 16px;
            }

            .col2 {
                margin: 14px 0 0;
                font-size: 36px;
                font-weight: 700;
            }

            .col4 {
                margin: 0px 0 20px;
                font-weight: 700;
            }

            .col2:hover {
                text-decoration: underline;
            }
        }
    }
}



@media (max-width: 768px) {
    .PCSHOW {
        display: none !important;
    }

    .APPSHOW {
        display: block;
    }

    .auther-info-box {
        padding: 10px;
        background-color: #fafafa;
        display: flex;
        flex-direction: column;

        .img {
            width: 180px !important;
            height: 180px !important;
            object-fit: cover;
            border-radius: 4px;
        }

        .introduction {
            width: 100%;

            .col1 {
                margin-top: 10px;
                font-size: 16px;
            }

            .col2 {
                margin: 10px 0 10px 0 !important;
                font-size: 26px !important;
                font-weight: 700;
            }

            .col2:hover {
                text-decoration: underline;
            }
        }
    }

    .list {
        padding: 0;
        padding-top: 28px;
        padding-bottom: 10px;
        flex-wrap: wrap;
        align-items: stretch;

        .item {
            width: 100% !important;
            margin-bottom: 20px;

            .cover {
                overflow: hidden;
                width: 100%;
                height: 160px;
                border-radius: 16px;
                object-fit: cover;

                .img {
                    object-fit: cover;
                    transition: transform 500ms;
                }
            }

            .cover:hover {
                .img {
                    transform: scale(1.1);
                }
            }

            .cate {
                margin: 10px 0;
                font-size: 16px;
                font-weight: 700;
                color: #f9224c;
            }

            .list-title {
                font-size: 18px;
                font-weight: 700;
            }

            .list-title:hover {
                text-decoration: underline;
            }

            .info {
                margin-top: 10px;
                font-size: 14px;

                .info_2 {
                    margin-left: 6px;
                    color: #064ada;
                }

                .info_3 {
                    width: 3px;
                    height: 3px;
                    background: #4a4a4a;
                    border-radius: 50%;
                    margin: 0 10px;
                }

                .info_4 {}
            }
        }
    }

    .page_content {
        padding: 0 18px;
        padding-left: 40px;
    }

    .container {
        padding: 0 14px;

        .navbar-brand {
            padding: 10px 0 !important;
        }

        .navbar-collapse {
            .dropdown {
                display: none !important;

                .dropdownImg {
                    margin-left: 10px;
                    width: 20px;
                    height: 20px;
                    background-size: 20px 20px;
                    background-repeat: no-repeat;
                }

                .dropdownImg-up {
                    margin-left: 10px;
                    width: 20px;
                    height: 20px;
                    background-size: 20px 20px;
                    background-repeat: no-repeat;
                }
            }

            .dropdown-app {
                display: block !important;
                width: 24px !important;
                height: 24px !important;
                background-size: contain !important;
                background-repeat: no-repeat;
            }
        }

        .language-content {
            position: static !important;
            padding-top: 0px !important;
            padding-bottom: 10px;
            color: #433aff;
            font-size: 16px;
            font-weight: 400;
            flex-wrap: wrap;
            width: 100% !important;
            border: 0 !important;
            padding-left: 0 !important;

            .item {
                z-index: 9999;
                color: #1d212c;
                font-size: 14px;
                width: 50%;
                margin: 12px 0;
            }
        }
    }

    footer {
        background-color: #01020F;

        .footer-content {
            padding: 50px 0 30px;

            .row {
                display: flex;
                flex-wrap: wrap;

                .col-12 {
                    flex: 0 0 auto;
                    width: 100%;
                    margin-bottom: 10px;

                    .list-unstyled {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;

                        .imgbox {
                            width: 48%;
                        }

                        .img {
                            width: 100%;
                            height: auto;
                        }
                    }
                }

                .col-6 {
                    flex: 0 0 auto;
                    width: 50%;
                }

                .list-unstyled {
                    margin-top: 20px;
                    list-style: none;
                    color: #8C8D9B;
                    font-size: 14px;

                    li {
                        margin-bottom: 20px;
                    }
                }
            }

            .copyright {
                margin-top: 40px;

                b {
                    font-size: 14px !important;
                }

                div {
                    margin-top: 8px;
                    font-size: 14px !important;
                }
            }
        }
    }

    .sticky {
        position: relative !important;
    }

    .stickyNav {
        position: static !important;
        width: 100%;
    }

    .blog-content .flex_content .sticky-box .navigation-box {
        width: 100% !important;
    }

    .background {

        padding: 30px 0;
        color: #fff;

        .content {
            padding: 0 40px;

            .cateImg {
                overflow: hidden;
                width: 100px;
                height: 100px;
                border-radius: 4px;
            }

            .alt-title {
                margin: 16px 0;
                font-size: 30px;
                font-weight: 700;
                text-align: center;
                color: #fff;
            }

            .uname {
                font-size: 16px;

                .name {
                    text-decoration: underline;
                    margin-left: 4px;
                }
            }

            .info-box {
                margin-top: 20px;
                font-size: 14px;
                display: flex;
                flex-direction: column;

                .info2 {
                    margin: 2px 0;
                }
            }
        }
    }

    .blog-content {
        flex: 1;

        .flex_content {
            position: initial;
            align-items: flex-start;

            .bread-crumbs {
                .bread {
                    flex-wrap: wrap;
                    padding: 14px 0;
                    background-color: #fff;
                    width: 100%;
                }

                .crumbs {
                    color: rgba(29, 33, 44, 0.5);
                    font-size: 14px;
                    margin-bottom: 10px;
                }

                .right-disabled {
                    margin: 0 10px;
                    width: 24px !important;
                    height: 24px !important;
                    background-size: 24px 24px;
                    background-repeat: no-repeat;
                    margin-bottom: 10px;
                }

                .active {
                    font-size: 14px;
                }
            }

            .share-content-app {
                display: none;
                margin-bottom: 16px;

                .share {
                    a {
                        .img {
                            width: 26px;
                            height: 26px;
                            margin-right: 20px;
                        }
                    }
                }
            }

            .sticky-box {
                display: flex !important;
                flex-direction: column !important;

                .navigation-box {
                    display: none;
                    width: 100%;

                    .nav-title {
                        font-weight: 700;
                        font-size: 16px;
                        padding: 10px;
                    }

                    .navigation {
                        height: auto;
                        border-radius: 12px;
                        width: 100%;
                        border: 0;

                        .navigation-item {
                            padding: 10px 14px;
                            text-decoration: underline;
                            color: rgba(29, 33, 44, 0.5);
                        }
                    }
                }

                .richText {
                    width: 100%;
                    max-width: 100%;
                    padding-left: 24px;

                    ol {
                        margin-bottom: 20px;

                        li {
                            counter-increment: item 1;
                            margin-top: 20px;
                            line-height: 1.5;
                            letter-spacing: .6px;
                            font-size: 14px;
                        }
                    }

                    .share-content {

                        // display: none !important;
                        .share {
                            a {
                                .img {
                                    width: 24px;
                                    height: 24px;
                                    margin-left: 14px;
                                }
                            }
                        }
                    }

                    .rich-img {
                        overflow: hidden;
                        width: 100%;
                        height: 200px;
                        border-radius: 12px;
                        margin-top: 20px;
                        margin-bottom: 30px;

                        .img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    .faqs-content-article {
                        margin-top: 20px;

                        .faq-tit {
                            font-size: 24px;
                            text-align: center;
                            font-weight: 700;

                            span {
                                display: none;
                            }
                        }

                        .accordion {
                            margin-top: 30px;

                            .accordion-item {
                                margin-bottom: 24px;

                                .accordion-title {
                                    font-size: 18px;
                                    font-weight: 700;
                                }

                                .accordion-text {
                                    margin-top: 10px;
                                    font-size: 16px;
                                }
                            }
                        }
                    }

                    .app-box {
                        width: 100%;
                        padding: 20px 24px;
                        margin-top: 24px;
                        border-radius: 12px;
                        background: rgba(6, 74, 218, 1);
                        text-align: center;
                        color: #fff;

                        .app-box__info {
                            text-align: center;

                            h3 {
                                font-size: 18px;
                                margin-bottom: 20px;
                            }

                            a {
                                color: #3ec6ff;
                                font-size: 16px;
                            }
                        }

                        .app-link {
                            width: 100%;
                            margin-top: 20px;
                            display: flex;
                            align-items: center;
                            gap: 16px;

                            a {
                                width: 49%;

                                img {
                                    width: 100%;
                                    height: 48px;
                                }
                            }
                        }
                    }

                    .read-more {
                        margin-top: 30px;

                        .r-tit {
                            font-weight: 700;
                            font-size: 24px;
                            margin-bottom: 0px;
                        }

                        ul {
                            list-style-type: none !important;
                            list-style: none !important;

                            li {
                                margin-bottom: 8px;
                                list-style: none !important;
                                font-size: 16px;

                                span {
                                    text-decoration: underline;
                                    color: rgba(6, 74, 218, 1);
                                }
                            }
                        }

                        ul li::before {
                            content: "•";
                            font-size: 16px;
                            color: rgba(6, 74, 218, 1);
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 992px) {
    .rich-img {
        height: 300px !important;
    }

    .blog-content .flex_content .sticky-box .navigation-box {
        width: calc((100vw - 992px) / 2 + 240px);
    }

    .stickyNav {
        position: fixed !important;
        top: 20px;
        width: calc((100vw - 992px) / 2 + 240px);
    }
}

@media (max-width: 768px) {
    .stickyNav {
        position: static !important;
        width: 100%;
    }

    .rich-img {
        height: 200px !important;
    }
}

@media (min-width: 1200px) {
    .rich-img {
        height: 370px !important;
    }
}
</style>